* {outline: 0 none;}
body, div, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, iframe, input, textarea, select, label, article, aside, footer, header, menu, nav, section, time, audio, video {
    margin: 0;
    padding: 0;
}
.clearfix:after {
    clear: both;
    content: "";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

body {font:14px/1.5em Microsoft YaHei,Arial; background:#ffe153; }
img{border: 0 none;vertical-align: top;}
i, em {font-style: normal;}
ol, ul {list-style: outside none none;}
input, select, button, h1, h2, h3, h4, h5, h6 {font-family: inherit;font-size: 100%;}
table {border-collapse: collapse;border-spacing: 0;}
a, a:visited {color: #333;text-decoration: none;}
body {background: none repeat scroll 0 0 #fff;color: #666;font-family: Helvetica,STHeiti STXihei,Microsoft JhengHei,Microsoft YaHei,Arial;font-size: 14px;height: 100%; line-height: 1.5;margin: 0 auto;}
.fr{ float:right}

.fl{ float:left}

.top{background:#41b8b9; padding:50px 0 0; position:relative; }

.index_bottom{  width:100%; height:200px; background:url(../images/mon.png) scroll no-repeat bottom center; background-size:100% auto; position:relative;}

.index_bottom .p2,.index_bottom .p1,.index_bottom .p3,.index_bottom .p4{z-index: 3;position: absolute;-webkit-animation: shake 1s linear 0 infinite alternate;
	animation: shake 1s linear 0 infinite alternate}
.index_bottom .p1{left:10%;bottom: 0.75rem;}
.index_bottom .p2{left:40%;bottom: 0.75rem;}
.index_bottom .p3{left:60%;bottom: 0.75rem;}
.index_bottom .p4{left:80%;bottom:1.2rem;}

.ruleBox {
    color: #8b6720;
    font-size: 1.2rem;
    left: 0;
    margin: 0 3%;
    position: absolute;
    top: -50rem;
    transition: top 0.5s ease 0s;
    width: 94%;
    z-index: 20;
}
.rule {
    background: none repeat scroll 0 0 #fff7bf;
    border-radius: 0 0 0 0.5rem;
    overflow: hidden;
}
.rule p {
    line-height: 1.5;
    margin: 0.8rem 1rem;
    padding-left: 0.5rem;
}
.rule .red {
    color: #f3092f;
}
.rulebtn {
    background: none repeat scroll 0 0 #ed2e1c;
    border-radius: 0 0 2rem 2rem;
    color: #fff;
    font-size: 1.2rem;
    padding: 0.5rem;
    position: absolute;
    right: 0;
    text-align: center;
}
.rulebtn span {
    background-size: 100% auto;
    display: block;
    height: 1.3rem;
    margin: 0 auto;
    transform: rotate(180deg);
    transition: all 0.5s ease 0s;
    -webkit-transform: rotate(180deg);
    -webkit-transition: all 0.5s ease 0s;	
    width: 0.9rem;
	background: url(../images/jt.png) no-repeat scroll 0 0;
	background-size:100% auto;
}
.ruleBoxShow .rulebtn span {
    transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}




.center_main{ background-color:#ffe153; color:#c35f0a;}
.center_main_b1{ padding:20px 0 0;}

.center_main_t{ margin:0 1rem; border-bottom:#ffb400 solid 1px; height:33px;}
.center_main_t p.p1{ display:inline; margin-right:10px;}
.center_main_t p.p1 span{ display:block; width:50px; text-align:right; }
.center_main_t p.p1 span.s1{ font-size:15px;line-height:16px; font-weight:400;}
.center_main_t p.p1 span.s2{ font-size:10px;}

.center_main_t p.p2{ font-size:34px; line-height:32px; font-weight:bold; padding-right:10px;}
.center_main_t p.p3{ font-size:20px; line-height:30px; padding-left:10px; border-left:#ffb400 solid 1px; }


.center_main_w{ font-size:1.1rem; padding:1.2rem;}
.center_main_wp{ font-size:1.1rem; padding:0.5rem 0 0;}
.center_main_wp a{ float:right;color:#c35f0a; text-decoration:underline;}

.cneterbtn_text{ float:left; background-color:#fdf7dd; border:#f4ca3e solid 1px; color:#aaaaaa; padding:0 0.4rem; border-right:0 none; font-size:1.1rem; height:2.6rem; width:21.5rem;}
.cneterbtn_bott{ float:left; font-size:1.4rem; height:2.699rem; background-color:#c35f0a;border:0 none; width:7rem; color:#fdf7dd;}

.center_phone{ font-size:1.1rem;padding:2rem 1.2rem;}
.center_phone1 div{ float:left; width:50%;font-size:1.2rem; margin-bottom:1rem;}
.center_phone1 div p{ padding-left:3rem;}
.center_phone1 div > p:first-child{ font-size:0.85rem;}




@keyframes shake {
	0% {
		transform: rotate(-3deg);
		-webkit-transform: rotate(-3deg);
	}

	100% {
		transform: rotate(3deg);
		-webkit-transform: rotate(3deg);
	}
}

@-webkit-keyframes shake {
	0% {
		-webkit-transform: rotate(-3deg);
	}

	100% {
		-webkit-transform: rotate(3deg);
	}
}
